
import './App.css';
import React from 'react';
import Top from './components/Top'
import Input from './components/Input'
import List from './components/List'
import Banner from './components/Banner'
import Advertisement from './components/Advertisement'
import ShanGou from './components/ShanGou'
import Bottom from './components/Bottom'



class App extends React.Component {
  constructor(props) { //在constructor中对组件状态进行初始化
    super(props);
    this.state = { //初始化组件状态

    }
  }

  render() { //render是必须的, render中必须通过return返回 组件模板
    return (
      <div className="App">
        {/* 渲染Top组件 */}
        <Top />
        {/* 渲染Input组件 */}
        <Input />
        {/* 渲染banner组件 */}
        <Banner />
        {/* 渲染广告组件 */}
        <Advertisement />
        {/* 渲染List组件 */}
        <List />
        {/* 渲染广告图组件 */}
        <ShanGou />
        {/* 渲染底部导航组件 */}
        <Bottom />

      </div>
    )
  }
}
export default App;
